<route lang="json">
{
  "style": { "navigationBarTitleText": "首页" },
  "name": "myHome"
}
</route>
<template>
  <view class="min-h-100vh flex items-center justify-center bg-cyan" v-if="tabbar === 0">
    <view class="text-24px">页面1</view>
  </view>
  <view class="min-h-100vh flex items-center justify-center bg-amber" v-if="tabbar === 1">
    <view class="text-24px">页面2</view>
  </view>
  <view class="min-h-100vh flex items-center justify-center bg-fuchsia" v-if="tabbar === 2">
    <view class="text-24px">页面3</view>
  </view>
  <uv-tabbar  :value="tabbar" @change="index=>tabbar = index">
    <uv-tabbar-item text="首页" icon="home"></uv-tabbar-item>
    <uv-tabbar-item text="Ai" icon="chat"></uv-tabbar-item>
    <uv-tabbar-item text="我的" icon="account"></uv-tabbar-item>
  </uv-tabbar>
</template>

<script setup lang="ts">
const tabbar = ref(0);
</script>
